<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-AR"><!-- InstanceBegin template="/Templates/tutorial.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>¿Qué es el hipertexto? - Tutorial Maquetado HTML</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/screen-black-on-white.css" media="screen" title="Negro sobre blanco" />
<link rel="alternate stylesheet" type="text/css" href="../css/screen-white-on-black.css" media="screen" title="Blanco sobre negro" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<meta name="author" content="Martin Alterisio &lt;malterisio777@gmail.com&gt;" />
<meta name="copyright" content="&copy; Martin Alterisio 2009" />
<link rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/legalcode" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/tutorial.js"></script>
<!-- InstanceBeginEditable name="head" -->
<meta name="date" content="2009-10-07" />
<!-- InstanceEndEditable -->
</head>

<body>
<!-- InstanceBeginEditable name="body" -->
	<div class="navegacion">
		<div>
			<a href="../index.html">Inicio</a>
			<a href="index.html">Capítulo</a>
		</div>
	</div>
	<div id="contenido">
		<h1>Introducción al maquetado HTML</h1>
		<h2>¿Qué es el hipertexto?</h2>
		<p>Llamamos hipertexto a piezas literarias que se caracterizan por la presencia de <em>hipervínculos</em>, vínculos que establecen asociaciones entre una pieza y otra. La web es una red hipertextual que permite distintas opciones de hipervínculos, pero de las cuales sólo la más simple de ellas está puesta al alcance del usuario raso. Esto no significa que debamos ignorar la existencia de otros tipos de hipervínculos que el sistema ofrece, especialmente si debemos notar que hay otros tipos de usuario de la web que aprovechan estos hipervínculos, por ejemplo, los robots de los buscadores.</p>
		<p>La web ofrece además la vinculación del hipertexto con piezas que no son de naturaleza textual, de manera de poder embeber recursos gráficos, audiovisuales, estilos, lógica de cliente, programas, etc. Sin embargo, es incorrecto asumir que esto permite alguna forma de <em>hipermedia</em>. La web en su forma actual no soporta aún de forma nativa la hipermedia, es simple y llanamente hipertexto.</p>
		<h3>¿Por qué le importa esto al maquetador?</h3>
		<p>Entender la web como medio no es sólo importante para el maquetador sino para todos los que intentan comunicar algo mediante la web, pero, aunque no es lo ideal, recae en el maquetador la tarea de notar cuando algo no está siendo comunicado de manera correcta, porque, se supone, es quien mejor conoce el medio en todos sus aspectos. Esta tarea generalmente se reduce a ser capaz de distinguir cuál es el uso correcto del hipervínculo, reconocer dónde debería haber hipervínculos y no los hay, y dónde los hipervínculos están mal establecidos. Por regla general, nunca se debe asumir que la propuesta del diseñador gráfico contempla la naturaleza hipertextual del medio.</p>
		<p>El más simple hipervínculo en la web (y el más usado) está compuesto por la asociación de un extracto del texto con otra pieza hipertextual, o con un fragmento puntual de otra pieza o incluso dentro de la misma pieza. El extracto sobre el cual se establece el hipervínculo funciona como factor determinante de la naturaleza del vinculo, y debe prestarse atención al valor que esto otorga a la relación entre los dos documentos.</p>
		<p>A manera de ejemplo supongamos que se establece un hipervínculo sobre el extracto <q>Leer más</q> a un documento que extiende lo que se dice en el documento actual, en este caso podemos decir que el hipervínculo es correcto. Pero supongamos que en un mismo documento existe más de un hipervínculo que lleva el mismo extracto (<q>Leer más</q>) y cada vinculo apunta a un documento distinto, lo más probable es que la intención de los vinculos haya sido extender cierto fragmento puntual del documento original. En este caso es incorrecto asumir que se deduce del contexto del vinculo la función del mismo, lo que define la naturaleza de la relación es el extracto y este no dice nada acerca de que es lo que vamos a poder <em>leer más</em> en otro documento.</p>
		<p>El maquetador no necesariamente va a modificar el contenido literal del documento para que los hipervínculos sean construidos correctamente, pero es parte de su tarea detectar estos problemas e incluso puede proponer soluciones alternativas. Por ejemplo, en el caso de los <q>Leer más</q> se puede agregar información adicional, <em>metadata</em>, al hipervínculo que complete la información faltante (vamos a ver que el atributo <code>title</code> se puede usar para esto).</p>
		<h3>En la web, no todo lo que parece hipervínculo es hipervínculo
		</h3>
		<p>En la web no todos los vinculos son estrictamente un hipervínculo. Un documento html puede tener vinculos a recursos gráficos, estilos visuales, etc., que no son hipervínculos sino que forman parte del documento pero existen como piezas separadas del mismo. En un hipervínculo, los documentos relacionados son independientes uno del otro, existen por sí mismos.</p>
		<p>Hay que tener a consideración que, como la Web fue creciendo de manera orgánica a las necesidades de sus usuarios, no todo lo que ofrece el html respeta la independencia que deberían tener los documentos hipervinculados. Puntualmente, el uso de <em>frames</em> causa dicha ruptura en la construcción de hipertexto y debería evitarse su uso por dicha razón. En pocas palabras, una web con frames no es una buena web.</p>
	</div>
	<div class="navegacion">
		<a class="anterior" href="que-es-el-maquetado-html.html">Anterior</a>
		<a class="siguiente" href="que-es-el-html.html">Siguiente</a>
	</div>
<!-- InstanceEndEditable -->
	<div id="licencia">
		<p>Esta obra está bajo una licencia Reconocimiento-No comercial-Sin obras derivadas 2.5 Argentina de Creative Commons. Para ver una copia de esta licencia, visite <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/ar/">http://creativecommons.org/licenses/by-nc-nd/2.5/ar/</a> o envie una carta a Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.</p>
	</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1794443-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
<!-- InstanceEnd --></html>
